<template>
    <div class="row">
            <ul class="muent">
                <li v-for="list in pages" v-on:click="goPage(list)" :class="list.name"><img :src="list.icon"> <span>{{list.label}} </span> <span class="icon"> > </span></li>
            </ul>
    </div>
</template>
<script>
    import Book from '../../assets/img/menu-book.png';
    import Patient from '../../assets/img/menu-patient.png';
    import OrderIng from '../../assets/img/menu-order-ing.png';
    import Order from '../../assets/img/menu-order.png';
    import Employee from '../../assets/img/menu-employee.png';
    import Account from '../../assets/img/menu-account.png';

    export default {
        name: 'Set',
        data:function() {
                return{
                    pages: [
                        { name: 'Expert', label: '预约协诊', icon: Book ,},
                        { name: 'Patients', label: '患者', icon: Patient },
                        { name: 'AssistOrderIng', label: '协诊中', icon: OrderIng },
                        { name: 'AssistOrders', label: '协诊订单', icon: Order },
                        { name: 'Employees', label: '员工管理', icon: Employee },
                        { name: 'Account', label: '账户管理', icon: Account },
                    ]
                }
        },
        methods:{
            goPage:function(page) {
                this.$router.push({ name: page.name });
            }
        }
    }
</script>